<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS_属性选择器</title>
  <style>
      [title]{
          color: blue;
      }
      [title ="cccc"]{
          color: brown;
      }
      [title^="a"]{
          color:red;
      }
      [title$="d"]{
          color:yellow;
      }
      [title*="a1"]{
          color:saddlebrown;
      }
  </style>
</head>
<body>
<!--属性选择器：
        作用：选中属性值符合一定要求的元素
        语法：
        [属性名]选中具有某个属性的元素
        [属性名="属性值"]选中包含某个属性，并且属性值等于指定值的元素
        [属性名^="值"]选中包含某个属性，并且属性值是以指定值开头的元素
        [属性名$="值"]选中包含某个属性，并且属性值是以指定值结尾的元素
        [属性名*="值"]选中包含某个属性，并且属性值包含指定值的元素

       {
            属性名:属性值;
            属性名:属性值;
            ........
       }
-->

            <div title="a1">自行车</div>
            <p title="bbb1">飞机</p>
            <h2 title="cccc">汽车</h2>
            <h3 title="ddddd">轮船</h3>
            <h3 title="abced">大炮</h3>

</body>
</html>